@charset "UTF-8";

.messagesPanel {
	width: 100%; height: 60px;
}

.ui-scrollpanel-content {
	width: 100% !important;
}

@font-face {
	font-family: 'exosemibold'; src: url("#{resource['fonts/exo-semibold-webfont.eot']}");
	src: url("#{resource['fonts/exo-semibold-webfont.eot?#iefix']}") format('embedded-opentype'), url("#{resource['fonts/exo-semibold-webfont.woff']}")
		format('woff'), url("#{resource['fonts/exo-semibold-webfont.ttf']}") format('truetype'),
		url("#{resource['fonts/exo-semibold-webfont.svg#exosemibold']}") format('svg'); font-weight: normal; font-style: normal;
}

@font-face {
	font-family: 'exobolditalic'; src: url("#{resource['fonts/exo-bolditalic-webfont.eot']}");
	src: url("#{resource['fonts/exo-bolditalic-webfont.eot?#iefix']}") format('embedded-opentype'),
		url("#{resource['fonts/exo-bolditalic-webfont.woff']}") format('woff'), url("#{resource['fonts/exo-bolditalic-webfont.ttf']}") format('truetype'),
		url("#{resource['fonts/exo-bolditalic-webfont.svg#exobolditalic']}") format('svg'); font-weight: normal; font-style: normal;
}

@font-face {
	font-family: 'exomedium'; src: url("#{resource['fonts/exo-medium-webfont.eot']}");
	src: url("#{resource['fonts/exo-medium-webfont.eot?#iefix']}") format('embedded-opentype'), url("#{resource['fonts/exo-medium-webfont.woff']}")
		format('woff'), url("#{resource['fonts/exo-medium-webfont.ttf']}") format('truetype'), url("#{resource['fonts/exo-medium-webfont.svg#exomedium']}")
		format('svg'); font-weight: normal; font-style: normal;
}

@font-face {
	font-family: 'exoregular'; src: url("#{resource['fonts/exo-regular-webfont.eot']}");
	src: url("#{resource['fonts/exo-regular-webfont.eot?#iefix']}") format('embedded-opentype'), url("#{resource['fonts/exo-regular-webfont.woff']}")
		format('woff'), url("#{resource['fonts/exo-regular-webfont.ttf']}") format('truetype'),
		url("#{resource['fonts/exo-regular-webfont.svg#exoregular']}") format('svg'); font-weight: normal; font-style: normal;
}

/*  ----------------------------------------------------------------------------------------------------- */
body {
	margin: 0px; height: 100%; overflow-x: hidden; overflow-y: auto; background-color: #20272a;
	font-family: 'exoregular', "Trebuchet MS", Arial, Helvetica, sans-serif;
}

#LOGOTEXTSIDE {
	display: block; width: 290px; float: left; height: 74px; z-index: 999; background-image: url(#{ resource [ 'images/logoCircuitLines.svg' ]
}

);
background-repeat


:no-repeat


;
background-position


:center

 

right


;
margin


:


-20
px

 

0
px

 

0
px

 

0
px


;
padding-top


:


25
px
;

 

line-height


:


30
px
;


}
.logoDarkText {
	color: #5c666a;
}

.logoBlueText {
	color: #25aae1;
}

/* menu side style*/
#MENUSIDE {
	width: 85px; float: left; background-color: #313b3f; border-right: solid 1px #151d21; position: fixed; z-index: 10000; overflow: hidden;
}

#MENUSIDEindent {
	width: 100%; height: auto;
}

#LOGO {
	width: 75px; height: 87px; display: block; padding: 33px 0px 0px 10px; position: fixed; z-index: 997; background-color: #313b3f;
}

#LOGO img {
	width: 62px; height: auto; position: fixed; z-index: 999;
}

.MenuSideMainLink {
	width: 100%; height: 45px; display: block; padding: 15px 0px 0px 27px; cursor: pointer;
}

.MenuSideMainLink input {
	padding: 6px; background-color: #354044; outline: none; border: 0px; border: none; color: #9ba5ac; width: 380px; border-radius: 20px;
	-webkit-box-shadow: inset 0px 0px 3px 0px rgba(0, 0, 0, 0.5); -moz-box-shadow: inset 0px 0px 3px 0px rgba(0, 0, 0, 0.5);
	box-shadow: inset 0px 0px 3px 0px rgba(0, 0, 0, 0.5);
}

.MenuSideMainLinkDark {
	background-color: #20282b !important; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -ms-transition: all 0.5s ease;
	-o-transition: all 0.5s ease; transition: all 0.5s ease;
}

.MenuSideMainLink:hover {
	background-color: #20282b; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -ms-transition: all 0.5s ease;
	-o-transition: all 0.5s ease; transition: all 0.5s ease;
}

.MenuSideMainLink img {
	width: 30px; height: auto; position: absolute; float: left;
}

.MainLinkText {
	color: #9ba5ac; font-size: 20px; margin: 2px 0px 0px 60px; display: block; opacity: 0; filter: alpha(opacity = 0);
}

.SubMenuLinkContainer {
	width: auto; padding: 20px; overflow: hidden; background-color: #20282b; display: none;
}

.SubMenuLink {
	width: 170px; display: inline-block; float: left; padding: 6px 15px; cursor: pointer; border-radius: 4px; -webkit-border-radius: 4px; color: #659eb3;
	font-size: 16px;
}

.SubMenuLink:hover {
	background-color: #101517; color: #8dc5d9;
}

.openSubMenuLink {
	width: 380px; height: auto; visibility: visible; display: block;
}

.subsubMenuLinks {
	visibility: hidden; display: none; padding: 10px 0px;
}

.openSubMenuLink .subsubMenuLinks {
	visibility: visible; display: block; padding-left: 5px;
}

.subsubMenuLinks a {
	display: block; width: 170px; float: left; box-sizing: content-box; -moz-box-sizing: content-box; -webkit-box-sizing: content-box; padding: 8px;
	font-size: 12px; color: #fdd106; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -ms-transition: all 0.5s ease;
	-o-transition: all 0.5s ease; transition: all 0.5s ease;
}

.subsubMenuLinks a:hover {
	background-color: #303b3f; border-radius: 5px; -webkit-border-radius: 5px; -moz-border-radius: 5px; -webkit-transition: all 0.5s ease;
	-moz-transition: all 0.5s ease; -ms-transition: all 0.5s ease; -o-transition: all 0.5s ease; transition: all 0.5s ease;
}

.selectmenu {
	width: auto; max-width: 120px; float: right; padding: 5px; outline: none; font-size: 16px; display: block; overflow: hidden;
}

.LEVEL1 {
	color: #25aae1; padding-left: 10px;
}

.LEVEL2 {
	font-size: 12px; color: #25aae1; padding-left: 10px;
}

.selectmenu option {
	font-size: 12px;
}

/* content side style*/
#CONTENTSIDE {
	width: auto; overflow: hidden; z-index: 1; margin-left: 86px; background-color: #eff3f6;
}

#CONTENTSIDEindent {
	width: 100%; height: auto;
}

.ContentSideSections {
	display: block; border-bottom: solid 1px #bcc7cf; padding: 30px;
}

.MOBILE .ContentSideSections {
	padding: 14px 24px;
}

#PFTopLinksCover {
	background-color: #eff3f6;
}

#PFMobileTopLinksCover {
	position: inherit;
}

.PFTopLinks {
	width: 80px; display: inline-block; text-align: center; padding: 5px; border-radius: 5px; font-size: 12px; -webkit-border-radius: 5px;
	margin-top: -10px; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -ms-transition: all 0.5s ease; -o-transition: all 0.5s ease;
	transition: all 0.5s ease; overflow: hidden;
}

.PFTopLinks:hover, .PFTopLinksMobile:hover {
	background-color: #e0e5e9; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -ms-transition: all 0.5s ease;
	-o-transition: all 0.5s ease; transition: all 0.5s ease;
}

.PFTopLinksMobile {
	width: 20%; display: inline-block; text-align: center; padding: 1%; border-radius: 5px; font-size: 11px; -webkit-border-radius: 5px;
	-webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -ms-transition: all 0.5s ease; -o-transition: all 0.5s ease;
	transition: all 0.5s ease; overflow: hidden;
}

.PFTopLinks img, .PFTopLinksMobile img {
	width: 80%; height: 55px;
}

.PFGrayText {
	color: #aab7c1;
}

.PFDarkText {
	color: #313b3f;
}

.PropertyBox {
	width: 27%; height: 280px; float: left; padding: 3%; overflow: hidden; text-align: center; border-radius: 5px; -webkit-border-radius: 5px;
	display: block; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -ms-transition: all 0.5s ease; -o-transition: all 0.5s ease;
	transition: all 0.5s ease;
}

.PropertyBox:hover, .MOBILE .PropertyBox:hover {
	background-color: #e0e5e9; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -ms-transition: all 0.5s ease;
	-o-transition: all 0.5s ease; transition: all 0.5s ease;
}

.PropertyBox img {
	width: 80%;
}

.PropertyBox .PropertyTopic {
	display: block; color: #25aae1; font-size: 18px;
}

.PropertyBox .PropertyText {
	display: block; color: #8c9aa5; font-size: 14px;
}

.MOBILE .PropertyBox {
	width: 27%; height: 250px; float: left; padding: 3%; overflow: hidden; text-align: center; border-radius: 5px; -webkit-border-radius: 5px;
	display: block; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -ms-transition: all 0.5s ease; -o-transition: all 0.5s ease;
	transition: all 0.5s ease;
}

.MOBILE .PropertyBox img {
	width: 80%;
}

.MOBILE .PropertyBox .PropertyTopic {
	display: block; color: #25aae1; font-size: 12px;
}

.MOBILE .PropertyBox .PropertyText {
	display: block; color: #8c9aa5; font-size: 11px;
}

.widgetsLink {
	width: 90%; height: auto; background-image: url(#{ resource [ 'images/widgetIconCover.svg' ]
}

);
background-position


:top


;
background-repeat


:no-repeat


;
background-size


:contain


;
display


:table


;
text-align


:center


;
padding


:


5%;
}
.widgetsLink img {
	width: 40%; height: auto; margin-top: 5%;
}

.widgetsLink span {
	width: 100%; margin-top: 10px; overflow: hidden; height: 50px; display: table; font-size: 14px;
}

.widgetsLink:hover span {
	color: #fdd106; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -ms-transition: all 0.5s ease; -o-transition: all 0.5s ease;
	transition: all 0.5s ease;
}

.MOBILE .widgetsLink img {
	width: 40%; height: auto; margin-top: 1%;
}

.MOBILE .widgetsLink span {
	width: 100%; margin-top: 0px; overflow: hidden; height: 50px; display: table; font-size: 11px;
}

.BoxesIndent {
	width: 85%; float: right; padding-top: 30px;
}

.brandLogo {
	background-image: url(#{ resource [ 'images/brandLogo.svg' ]
}

);
background-repeat


:no-repeat


;
background-position


:center


;
background-size


:contain


;
width


:


70
px
;

 

height


:


70
px
;

 

display


:block


;
margin


:


10
px

 

10
px

 

10
px

 

0
px


;
float


:left


;
}
.MOBILE .BoxesIndent {
	width: 85%; float: none; margin: 0px auto; padding-top: 30px;
}

/** ThemeSwitcher **/
.navOverlay {
	width: 200px; max-height: 400px; overflow: scroll; background-color: #eff3f6; border: solid 1px #bcc7cf; z-index: 99999999999; position: absolute;
	border-radius: 10px; -moz-border-radius: 10px; -webkit-border-radius: 10px; -webkit-box-shadow: 0px 0px 3px 0px rgba(0, 0, 0, 0.2);
	-moz-box-shadow: 0px 0px 3px 0px rgba(0, 0, 0, 0.2); box-shadow: 0px 0px 3px 0px rgba(0, 0, 0, 0.2); margin-left: -60px; display: none;
}

.navOverlay a {
	display: block; padding: 10px; border-bottom: solid 1px #bcc7cf; text-align: left; color: #87939B; overflow: hidden;
}

.navOverlay a:hover {
	color: #fdd106;
}

.navOverlay a span.ui-theme {
	width: 30px; height: 27px; float: left; border: solid 1px #D7DCE0; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px;
}

.navOverlay a span.ui-text {
	display: inline-block; margin-top: 7px; margin-left: 10px; font-size: 14px;
}
/* cursor */
.cursorPointer {
	cursor: pointer;
}

/* OTHERS */
a {
	text-decoration: none; outline: none; color: #25AAE1
}

.dispBlock {
	display: block !important;
}

.TextShadow {
	text-shadow: 0 1px 0 #ffffff
}

.TextShadowNone {
	text-shadow: none;
}

.underline {
	text-decoration: underline;
}

.fontSize34 {
	font-size: 34px;
}

.fontSize30 {
	font-size: 30px;
}

.fontSize24 {
	font-size: 24px;
}

.fontSize21 {
	font-size: 21px;
}

.fontSize18 {
	font-size: 18px;
}

.fontSize14 {
	font-size: 14px;
}

.ContentX {
	width: 95% !important; margin-bottom: 30px; text-align: center; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease;
	-ms-transition: all 0.5s ease; -o-transition: all 0.5s ease; transition: all 0.5s ease;
}

.ContentX .defaultText {
	font-size: 16px;
}

.ContentX .defaultTopic {
	font-size: 34px; line-height: 36px; text-align: center;
}

.ContentX .PropertyBox {
	height: 220px;
}

.ContentX .PropertyBox .PropertyTopic {
	font-size: 14px;
}

.ContentX .PropertyBox .PropertyText {
	font-size: 12px;
}

.PFTopLinksCover {
	padding-top: 130px !important; height: auto !important; min-height: 60px !important; text-align: left !important; -webkit-transition: all 0.5s ease;
	-moz-transition: all 0.5s ease; -ms-transition: all 0.5s ease; -o-transition: all 0.5s ease; transition: all 0.5s ease;
}

.PFTopLinksCover .PFTopLinks {
	float: left !important; margin-top: 0px; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -ms-transition: all 0.5s ease;
	-o-transition: all 0.5s ease; transition: all 0.5s ease;
}

.wid50 {
	width: 50px;
}

.texAliCenter {
	text-align: center;
}

.hiddenLogoText {
	margin-left: 70px; width: 290px; height: 74px; background-image: url(#{ resource [ 'images/logoCircuitLines.svg' ]
}

);
background-repeat


:no-repeat


;
background-position


:center

 

right


;
padding-top


:


25
px
;

 

line-height


:


30
px
;

 

margin-top


:

 

-20
px


;
display


:

 

none


;
}

/* margins */
.marginRight10 {
	margin-right: 10px;
}

.marginRight20 {
	margin-right: 20px;
}

.marginBottom20 {
	margin-bottom: 20px;
}

.marLefRigAuto {
	margin-left: auto !important; margin-right: auto !important;
}

/*fonts*/
.boldFont {
	font-family: 'exosemibold', "Trebuchet MS", Arial, Helvetica, sans-serif;
}

.boldItalicFont {
	font-family: 'exobolditalic', "Trebuchet MS", Arial, Helvetica, sans-serif;
}

.mediumFont {
	font-family: 'exomedium', "Trebuchet MS", Arial, Helvetica, sans-serif;
}

.regularFont {
	font-family: 'exoregular', "Trebuchet MS", Arial, Helvetica, sans-serif;
}

.bordersOfMenuSide {
	border-top: solid 1px #404a4e;
}

.hiddenIcons {
	opacity: 0; filter: alpha(opacity = 0);
}

.emptyBox {
	display: block; height: 121px;
}

/* display */
.dispBlock {
	display: block;
}

.dispTable {
	display: table;
}

.overHidden {
	overflow: hidden;
}

/* floating */
.floatRight {
	float: right;
}

.floatLeft {
	float: left;
}

/* content boxes*/
.Content33 {
	width: 33%;
}

.Content66 {
	width: 65%; background-position: left top; background-repeat: no-repeat;
}

.Content100 {
	width: 100%;
}

/* general text styles */
.defaultText {
	font-size: 18px; color: #84939f;
}

.defaultTopic {
	font-size: 46px; color: #e26e60; line-height: 46px; padding: 10px 0px 10px 0px;
}

/* buttons */
.BigButton {
	width: 90%; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; display: table; font-size: 18px;
	font-family: 'exobolditalic', "Trebuchet MS", Arial, Helvetica, sans-serif; color: #404c51; margin: 10px 0px 10px 0px; cursor: pointer;
	padding: 20px; border-radius: 5px; border-right: solid 60px #404c51;
}

.BigButton img {
	margin-right: -60px; height: 23px;
}

.YellowBtn {
	background-color: #fdd106; -webkit-box-shadow: 0px 2px 0px 0px rgba(231, 191, 9, 1); -moz-box-shadow: 0px 2px 0px 0px rgba(231, 191, 9, 1);
	box-shadow: 0px 2px 0px 0px rgba(231, 191, 9, 1);
}

.YellowBtn:hover {
	background-color: #fcdb42;
}

.OrangeBtn {
	background-color: #fba751; -webkit-box-shadow: 0px 2px 0px 0px rgba(212, 135, 56, 1); -moz-box-shadow: 0px 2px 0px 0px rgba(212, 135, 56, 1);
	box-shadow: 0px 2px 0px 0px rgba(212, 135, 56, 1);
}

.OrangeBtn:hover {
	background-color: #feb66d;
}

/* text colors */
.orange {
	color: #fca752;
}

.gray {
	color: #84939f;
}

.pink {
	color: #e26e61;
}

.yellow {
	color: #fdd106;
}

.green {
	color: #39b54a;
}

.blue {
	color: #25aae1;
}

.subitem {
	color: #84939f;
}

.fixedTop {
	position: fixed !important; margin-top: 0 !important;
}

.animated {
	-webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -ms-transition: all 0.5s ease; -o-transition: all 0.5s ease;
	transition: all 0.5s ease;
}

input.searchInput {
	padding-left: 30px; display: none
}

.ui-tabs .ui-tabs-nav li.tab-doc {
	float: right
}

/* override */
.ui-widget {
	font-size: 90%;
}

.Implementation h3 {
	margin-top: 40px;
}

.Source h3 {
	margin-top: 0px;
}

/* Tabs Source */
.Source .ui-tabs {
	background: none; border: 0 none;
}

.Source .ui-tabs .ui-tabs-nav {
	background: none; margin-bottom: -1px; padding: 0 !important;
}

.Source .ui-tabs .ui-tabs-nav li {
	background: #DFE4E6; border-color: #BCC7CF; box-shadow: none !important;
}

.Source .ui-tabs .ui-tabs-nav li.ui-state-hover.ui-state-default a {
	color: #5C666A;
}

.Source .ui-tabs .ui-tabs-nav li.ui-state-default a {
	color: #84939F; font-family: 'exoregular', "Trebuchet MS", Arial, Helvetica, sans-serif; text-shadow: none;
}

.Source .ui-tabs .ui-tabs-nav li.ui-state-active a {
	color: #5C666A;
}

.Source .ui-tabs .ui-tabs-nav li.ui-state-hover {
	box-shadow: none;
}

.Source .ui-tabs .ui-tabs-nav li.ui-tabs-selected {
	background: #EFF3F6;
}

.Source .ui-tabs .ui-tabs-panels {
	border-top: 1px solid #BCC7CF;
}

/** Responsive **/
@media ( min-width : 929px) {
	.PFTopLinks {
		display: block
	}
	.selectmenu {
		display: none;
	}
	.mobileLogoCover {
		display: none;
	}
	.PFNextGen iframe {
		margin-left: 100px;
	}
}

@media ( max-width : 930px) {
	.PFTopLinks {
		display: none
	}
	#PFTopLinksCover {
		padding: 30px 15px 15px 15px;
	}
	.selectmenu {
		display: block;
	}
	.mobileLogoCover {
		display: block
	}
	#MENUSIDE {
		display: none
	}
	#CONTENTSIDE {
		margin-left: 0
	}
	#LOGOTEXTSIDE {
		display: none
	}
	.ContentSideSections {
		padding: 14px 24px;
	}
	.Content33 {
		width: 100%;
	}
	.Content66 {
		width: 100%;
	}
	.ui-tabs .ui-tabs-nav li.tab-doc {
		float: left
	}
	.ui-tabs.ui-tabs-top>.ui-tabs-nav li {
		width: 100%;
	}
	.BigButton {
		width: 100%;
	}
	.PFNextGen iframe {
		margin-left: 0;
	}
}

/* Themes */
.ui-theme {
	background: url("#{resource['demo/images/themes.png']}") no-repeat top left; display: block;
}

.ui-theme.ui-theme-afterdark {
	background-position: 0 0; width: 30px; height: 25px;
}

.ui-theme.ui-theme-afternoon {
	background-position: 0 -75px; width: 30px; height: 25px;
}

.ui-theme.ui-theme-afterwork {
	background-position: 0 -150px; width: 30px; height: 25px;
}

.ui-theme.ui-theme-aristo {
	background-position: 0 -225px; width: 30px; height: 27px;
}

.ui-theme.ui-theme-black-tie {
	background-position: 0 -302px; width: 30px; height: 27px;
}

.ui-theme.ui-theme-blitzer {
	background-position: 0 -379px; width: 30px; height: 27px;
}

.ui-theme.ui-theme-bluesky {
	background-position: 0 -456px; width: 30px; height: 27px;
}

.ui-theme.ui-theme-bootstrap {
	background-position: 0 -533px; width: 30px; height: 26px;
}

.ui-theme.ui-theme-casablanca {
	background-position: 0 -609px; width: 30px; height: 27px;
}

.ui-theme.ui-theme-cruze {
	background-position: 0 -686px; width: 30px; height: 25px;
}

.ui-theme.ui-theme-cupertino {
	background-position: 0 -761px; width: 30px; height: 27px;
}

.ui-theme.ui-theme-dark-hive {
	background-position: 0 -838px; width: 30px; height: 27px;
}

.ui-theme.ui-theme-delta {
	background-position: 0 -915px; width: 30px; height: 30px;
}

.ui-theme.ui-theme-dot-luv {
	background-position: 0 -995px; width: 30px; height: 27px;
}

.ui-theme.ui-theme-eggplant {
	background-position: 0 -1072px; width: 30px; height: 27px;
}

.ui-theme.ui-theme-excite-bike {
	background-position: 0 -1149px; width: 30px; height: 27px;
}

.ui-theme.ui-theme-flick {
	background-position: 0 -1226px; width: 30px; height: 27px;
}

.ui-theme.ui-theme-glass-x {
	background-position: 0 -1303px; width: 30px; height: 27px;
}

.ui-theme.ui-theme-home {
	background-position: 0 -1380px; width: 30px; height: 27px;
}

.ui-theme.ui-theme-hot-sneaks {
	background-position: 0 -1457px; width: 30px; height: 27px;
}

.ui-theme.ui-theme-humanity {
	background-position: 0 -1534px; width: 30px; height: 27px;
}

.ui-theme.ui-theme-le-frog {
	background-position: 0 -1611px; width: 30px; height: 27px;
}

.ui-theme.ui-theme-midnight {
	background-position: 0 -1688px; width: 30px; height: 27px;
}

.ui-theme.ui-theme-mint-choc {
	background-position: 0 -1765px; width: 30px; height: 27px;
}

.ui-theme.ui-theme-overcast {
	background-position: 0 -1842px; width: 30px; height: 27px;
}

.ui-theme.ui-theme-pepper-grinder {
	background-position: 0 -1919px; width: 30px; height: 27px;
}

.ui-theme.ui-theme-redmond {
	background-position: -80px 0; width: 30px; height: 27px;
}

.ui-theme.ui-theme-rocket {
	background-position: -80px -77px; width: 30px; height: 27px;
}

.ui-theme.ui-theme-sam {
	background-position: -80px -154px; width: 30px; height: 27px;
}

.ui-theme.ui-theme-smoothness {
	background-position: -80px -231px; width: 30px; height: 27px;
}

.ui-theme.ui-theme-south-street {
	background-position: -80px -308px; width: 30px; height: 27px;
}

.ui-theme.ui-theme-start {
	background-position: -80px -385px; width: 30px; height: 27px;
}

.ui-theme.ui-theme-sunny {
	background-position: -80px -462px; width: 30px; height: 25px;
}

.ui-theme.ui-theme-swanky-purse {
	background-position: -80px -537px; width: 30px; height: 27px;
}

.ui-theme.ui-theme-trontastic {
	background-position: -80px -614px; width: 30px; height: 27px;
}

.ui-theme.ui-theme-ui-darkness {
	background-position: -80px -691px; width: 30px; height: 27px;
}

.ui-theme.ui-theme-ui-lightness {
	background-position: -80px -768px; width: 30px; height: 27px;
}

.ui-theme.ui-theme-vader {
	background-position: -80px -845px; width: 30px; height: 27px;
}